vue2 简单总结

一些自己的简单总结

一、渐进式:

从简单的引入js使用指令到构建大型web应用,都可以应付
简易的引入过程:
1.html中引入js的方式
2.构建自定义组件
3.使用组件组成网页
4.vue-cli(构建项目),vue,vuex(统一管理状态),vue-route(页面路由),webpack(自动构建,打包,发布)等 构建大型SPA(单网页应用)

二、适合我们现在前端发展

vue更关注视图层,我们现在页面还比较少,随着业务发展,页面的需求会持续增多,vue本身比较小,又支持渐进式发展,后面页面逐步增多,可以抽取做成vue组件,逐步可以通过插拔组件的方式完成页面开发,提高规范及效率

三、MVVM

数据模型/页面 双向绑定
根据restful的接口,数据上的变动会直接渲染到页面,页面上的文案变化,也会影响到数据模型
比较适合我们现在的后端风格,可以考虑客户端mvvm的解决方案。

假期时,抽空简单总结了下vue常用的指令,就拿之前排行榜的例子重写了下。

https://github.com/fantasykai/vue2-learn-leaderboard